/*系统所需图标*/
@font-face { font-family: "iconfont"; src: url('fonts/iconfont.eot?t=1480683923713'); /* IE9*/ src: url('fonts/iconfont.eot?t=1480683923713#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/iconfont.woff?t=1480683923713') format('woff'), /* chrome, firefox */  url('fonts/iconfont.ttf?t=1480683923713') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/  url('fonts/iconfont.svg?t=1480683923713#iconfont') format('svg'); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 16px;  font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; color: #fff; }


/*************底部*****************/
        .desktop-taskbar {
            width: 100%;
            height: 40px;
            background-color: rgba(102, 102, 102, 1);
            position: absolute;
            left: 0px;
            right: 0px;
            bottom: 0px;
            z-index: 29891035;
        }
        .taskbar-win {
            width: 60px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
        }
        .taskbar-win i.iconfont {
            font-size: 25px;
        }
        .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
        }
        .taskbar-time {
            width: 80px;
            height: 40px;
            text-align: center;
            color: #fff;
            position: absolute;
            top: 0px;
            right: 15px;
        }
        .taskbar-time label {
            color: #fff;
            line-height: 20px;
            display: block;
        }
        .taskbar-showdesktop {
            width: 15px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.28);
            position: absolute;
            right: 0px;
            top: 0px;
        }
        .desktop-taskbar-app-list{width: calc(100% - 160px);height: 40px;}
        .desktop-taskbar-app-list .layui-tab-title li{
            padding: 0 8px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            cursor: default;
        }
        .layui-tab-title i.layui-icon {
            font-size: 25px;
            padding: 3px;
            height: 28px;
            cursor: default;
            margin: 3px 0;
            float: left;
            line-height: 28px;
        }
        .desktop-taskbar-app-list .layui-tab-title li.layui-this{background-color: rgba(255, 255, 255, 0.30)}
        .desktop-taskbar-app-list span.desktop-title {
            float: left;
            margin-left: 5px;
        }
        
        /*************底部end*****************/
       /*************开始菜单*****************/
        .opening-menu {
            visibility: hidden;
            position: fixed;
            width: 374px;
            left: 0px;
            bottom: 40px;
            opacity: 0;
            background-color: #44628f;
            filter: alpha(Opacity=80);
            -moz-opacity: 0.8;
            opacity: 0.8;
            -webkit-transform: translateY(400px);
            -ms-transform: translateY(400px);
            transform: translateY(400px);
            -webkit-transition: all .2s;
            transition: all .2s;
            -moz-border-radius: 5px 5px 0 0;
            -khtml-border-radius: 5px 5px 0 0;
            -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
            z-index: 2017010515;
        }
        .opening-menu.opening-menu-on {
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: opacity .3s, -webkit-transform .3s;
            transition: opacity .3s, transform .3s;
        }
        .opening-menu-app-list {
            width: 212px;
            background-color: #fff;
            margin: 6px;
            border: solid 1px #365167;
            box-shadow: 0 0 1px #fff;
            -moz-box-shadow: 0 0 1px #fff;
            -webkit-box-shadow: 0 0 1px #fff;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            min-height: 350px;
            padding: 2px;
            float: left;
        }
        .opening-menu-app-list .desktop-app {
            height: 40px;
            position: inherit;
            width: 202px;
            padding: 4px;
            overflow: hidden;
            border: 1px solid #fff;
            cursor: pointer;
        }
        .opening-menu-app-list .desktop-app i.layui-icon {
            font-size: 30px;
            height: 40px;
            width: 40px;
            float: left;
            line-height: 40px;
        }
        .opening-menu-app-list .desktop-app span.desktop-title {
            display: block;
            height: 40px;
            line-height: 40px;
            background: none;
            float: left;
            margin-top: 0px;
            color: #4b4b4b !important;
        }
        .opening-menu-app-list .desktop-app:hover {
            background: rgba(213,231,253,0.5) !important;
        }
        .opening-menu-user {
            width: 127px;
            min-height: 350px;
            margin: 7px;
            float: right;
            position: relative;
        }
        .desktop-opening-icon {
            height: 64px;
            width: 64px;
            background: url(../image/folder.png) center no-repeat;
            position: absolute;
            top: -50px;
            left: 30.5px;
        }
        .opening-menu-user-list {
            margin-top: 32px;
        }
        .opening-menu-user-list a {
            display: block;
            color: #fff;
            border: solid 1px transparent;
            margin: 5px 0;
            line-height: 28px;
            padding-left: 5px;
            text-decoration: none;
        }
      /*************开始菜单end*****************/
       /*************主体*****************/
      html,body{height: 100%;overflow: hidden;}
        .desktop-container{
            box-sizing: border-box;
            width:100%;
            min-width: 769px;
            height: calc(100% - 40px);
            background: url(../image/desktop_windows7.jpg) no-repeat fixed center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
        }
        .desktop-main{
            box-sizing: border-box;
            position: relative;
            float: left;
            margin: 1%;
            width: 98%;
            height: 98%;
        }
        .desktop-app {
            height: 88px;
            padding: 10px 3px;
            width: 88px;
            border: 1px solid transparent;
            position: absolute;
            cursor: default;
        }
        .layui-layer-content .desktop-app{
            position: relative;
            float: left;
        }
        .desktop-app i.layui-icon {
            display: block;
            width: 60px;
            height: 60px;
            margin: 0 auto;
            text-align: center;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 50px;
            color: #fff;
        }
        .desktop-app span.desktop-title {
            width: 68px;
            height: 21px;
            display: block;
            margin: 5px auto 0;
            line-height: 21px;
            text-align: center;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 12px;
            color: #fff;
        }
        .desktop-menu {
            position: absolute;
            width: 150px;
            height: auto;
            background-color: rgb(255, 255, 255);
            border: #CCC 1px solid;
            display: none;
            border-radius: 5px;
            z-index: 219930725;
            display: none;
        }
        .desktop-menu ul {
            margin: 0px;
            padding: 0px;
        }
        .desktop-menu ul li {
            list-style: none;
            line-height: 30px;
            height: 30px;
            margin: 3px 0px;
            padding: 0px;
            font-size: 13px;
        }
        .desktop-menu ul li:hover{
            background: #ddd;
        }
        .desktop-menu ul li a {
            display: block;
            font-family: 微软雅黑;
            height: 100%;
            color: rgb(51, 51, 51);
            text-decoration: none;
            padding: 0px 5px 0px 30px;
            outline: none;
        }
        /*************主体end*****************/
       
       /*************主题选择*****************/
        .desktop-themes {
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            box-sizing: border-box;
        }
        .set-themes {
            width: 140px;
            height: 140px;
            float: left;
            margin: 5px;
            text-align: center;
            cursor: pointer;
        }
        .set-themes img {
            width: 140px;
            height: 100px;
        }
        .set-themes .title {
            line-height: 40px;
            height: 40px;
            font-size: 18px;
            color: #5FB878;
        }
      /*************主题选择end*****************/
       
